<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta content="" name="Keywords">
<meta content="" name="Description">
<title>标题</title>
<meta name="format-detection" content="telephone=no">
<link href="./css/style.css" rel="stylesheet" />

<script>
(function (win, doc) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
setFontSize = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, setFontSize, false);
doc.addEventListener('DOMContentLoaded', setFontSize, false);
if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
        win.addEventListener(resizeEvt, function () {
            clearTimeout(timer);
            timer = setTimeout(setFontSize, 300);
        }, false);
        win.addEventListener("pageshow", function(e) {
            if (e.persisted) {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }
        }, false);
        setFontSize();
    } 

})(window,document);
</script>

</head>
<body>
  <div class="main">
    <h1 class="logo"><img src="images/logo.png" alt=""></h1>
    <div class="intro">填写以下信息，领100元冬季胎早鸟券，<br>早领早安心</div>
    <form action="" class="form_info">
       <div class="line flex-row">
         <label for="">姓&emsp;名</label>
         <div class="flex-1">
           <input type="text" class="uname">
         </div>
       </div>
       <div class="line">
         <div class="w50">
           <label for="">省&emsp;份</label>
           <select name="" id="provice"><option value="">请选择</option></select>
         </div>
         <div class="w50">
           <label for="">城&emsp;市</label>
           <select name="" id="city"><option value="">请选择</option></select>
         </div>
       </div>
       <div class="line flex-row">
         <label for="">手&emsp;机</label>
         <div class="flex-1">
           <input type="text" class="phone">
         </div>
       </div>
       <div class="line flex-row">
         <label for="">验证码</label>
         <div class="flex-1"> 
          <input type="text" class="yzm">
         </div>
         <a href="javascript:;" class="sendYzm">发送验证码</a>
       </div>
       <div class="line">
         <div class="w50">
           <label for="">品&emsp;牌</label>
           <select name="" id="carBrand"><option value="">请选择</option></select>
         </div>
         <div class="w50">
           <label for="">车&emsp;型</label>
           <select name="" id="carType"><option value="">请选择</option></select>
         </div>
       </div>
       <button class="submit_btn">即刻申领</button>
    </form>
    <div class="timeTips tc">活动时间：10.17-11.30  使用时间：10.17-12.31</div>
    <a href="javascript:;" class="detail_btn">详见活动详情<i>&gt;</i></a>
    <div class="code oh">
      <div class="_img l"><img src="images/code.jpg" class="l" alt=""></div>
      <div class="_txt">请先关注佳通轮胎官方微信（微信号：iamgiti）<br>点击[微活动]绑定信息<br>
领券后即可进入[我的优惠券]查看</div>
    </div>
  </div>


 <script src="./js/zepto.min.js"></script>


  <script>  

  </script>
</body>
</html>
